<template>
  <div id="app">
    <div>
      <!-- <keep-alive :exclude="['ArticleDetail']"> -->
        <router-view></router-view>
      <!-- </keep-alive> -->
        
    </div>
  </div>

</template>

<script>
// import ArticleDetail from '@/views/ArticleDetail.vue'
// import MainPage from '@/views/MainPage.vue';


// 面经案例
// 1.配路由
// 2个一级路由，四个二级路由
// 一级路由写在index.js里
// 2.首页请求渲染
// 使用axios.get()获取数据，渲染
// 跳转传参到详细页
// 组件缓存 kepp-alive 搭配 属性
// include/exclude/max

export default {

}
</script>

<style scoped>
  *{
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
  }
  #app{
    width: 415px;
    height: 725px;
    border: 1px solid black;
    margin: 10px auto;
  }
</style>
